// 登录、分类、底部结算区
/*
    使用组件化模式
    不同的组件设定不同的样式
    考虑到父子组件之间的关系
    使用axios来请求服务器端的json数据，eg：req.的形式来获取

    ①、获取点餐信息
    GET https://www.xiaozhu.run/api/orders

    ②、获取菜品信息
    GET https://www.xiaozhu.run/api/foods

    ③、点餐
    POST https://www.xiaozhu.run/api/order
    {
        "user": "qiaoba",
        "order": {
            "1": 2
        }
    }

*/

import React from "react";
import Login from "./Login";
import Foods from "./Foods";
import Pay from "./Pay";

import "./index.scss";

const Order = () => {
  return (
    <div className="order">
      <Login />
      <div className="order-center">
        <Foods />
      </div>
      <Pay />
    </div>
  );
};

export default Order;
